<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../CSS/Formato.css" />
        <script type="text/javascript" src="../jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
        <script>
            window.onload= function(){
                $("#principal").load("index.html");
            }
            $(document).ready(function(){
              
                $("#indice").click(function(evento){
                    $("li.activo").removeClass("activo");
                    evento.preventDefault();
                    $("#principal").load("../HTML/index.html");
                    document.getElementById('indiceLI').className="activo";
                });
                $("#login").click(function(evento){
                    $("li.activo").removeClass("activo");
                    evento.preventDefault();
                    $("#principal").load("Login.html");
                    document.getElementById('loginLI').className="activo";
                    
                });
            })
        </script>
    </head>
    <body><div class="contenido" id="pagina">

            <div id="cabezera">
                <div id="logo">CADMIN</div>
            </div><!-- header -->

            <div id="menuprincipal">
                <ul id="menu">
                    <li class="activo" id="indiceLI"><a id="indice" href="#">Indice</a></li>
                    <li id="loginLI"><a id="login" href="#">Login</a></li>
                </ul>	
            </div><!-- mainmenu -->
            <div id="principal">

            </div><!-- ventana actual -->

        </div>
    </body>
</html>
